@charset "utf-8";
body,td,th,input,textarea,select{font-family:'Microsoft YaHei', Arial, Tahoma;font-size:12px;color:#333;outline:none;}
html,body{min-width:1160px;}
html,body,form{margin:0;}
img{border:0px none;vertical-align:middle;outline:none;}
ul,dl{display:block;margin:0;padding:0;}
dd{margin:0;padding:0;}
li{list-style:none;}
p{display:block;margin:0;padding:0;}
a{text-decoration:none;color:#333;outline:none;}
a:hover{color:#006b6e;}
.wrap{width:1200px;margin:auto;}
.wrap:after{content:'';display:block;height:0;font-size:0;overflow:hidden;clear:both;float:none;}
.searHeight{font-style:normal;color:#006b6e;}
.white{color:#fff !important;}
.light{font-family:'Microsoft YaHei Light','Microsoft YaHei';}
.clear{display:block;margin:0;padding:0;clear:both;float:none;}
.red{color:#006b6e;}
h1{display:block;font-size:26px !important;font-weight:normal;padding:0;margin:0;color:#464646;}
#head{width:100%;min-width:1140px;padding:0 100px;box-sizing:border-box;height:116px;position:fixed;left:0;top:0;background:#fff;transition:all .35s;z-index:99;}
#logo{width:345px;height:87px;float:left;padding:15px 0 0 0;overflow:hidden;}
#logo>a{display:block;}
#logo>a>img{height:86px;}
#search{width:36px;height:36px;background:#bbb;display:block;float:right;margin-top:46px;border-radius:3px;margin-left:30px;cursor:pointer;transition:all .35s;position:relative;z-index:2;}
#search>img{padding:6px;height:24px;filter:alpha(opacity=70);opacity:.7;}
#search:hover,#search.A{background:#fb2846;}
#search-wrap{height:36px;width:0;background:#bbb;position:absolute;right:100px;top:46px;border-radius:3px;z-index:1;transition:top .35s,right .35s;}
#search-wrap>input{padding:0 10px;background:none;color:#fff;border:0px none;font-size:13px;line-height:36px;height:36px;}
#search-wrap>input::-webkit-input-placeholder{color:rgba(255,255,255,.8);}

#menu{height:100px;padding:16px;float:right;transition:line-height .35s,height .35s;}
#menu>li{float:left;position:relative;}
#menu>li:after{position:absolute;left:0;width:100%;height:0;bottom:0;font-size:0;background:#fb2846;content:'';display:block;transition:all .18s;}
#menu>li.A:after{height:3px;}
#menu>li>a{font-size:16px;color:#333;line-height:100px;display:inline-block;padding:0 35px;transition:line-height .35s,height .35s,color .25s;}
@media screen and (max-width: 1500px){
#head{padding:0;}
#menu>li>a{padding:0 25px;}
}
#menu>li.A>a,#menu>li.on>a{color:#006b6e;}
#menu>li>div{background:#fff;position:absolute;left:0;top:100px;display:none;transition:top .35s; }
#menu>li>div>a{display:block;height:45px;line-height:44px;border-bottom:1px solid #eee;padding:0 55px 0 35px;font-size:14px;transition:all .35s;white-space:nowrap;position:relative;overflow:hidden;}
#menu>li>div>a:after{content:'';display:block;width:20px;height:20px;position:absolute;right:35px;top:12px;filter:alpha(opacity=0);opacity:0;transition:all .5s;}
#menu>li>div>a:last-child{border-bottom:0px none;}
#menu>li>div>a:hover{background:#eee;color:#006b6e;border-bottom:1px solid #fff;}
#menu>li>div>a:hover:after{right:20px;filter:alpha(opacity=60);opacity:.6;}
#menu>li>div>a:last-child:hover{border-bottom:0px none;}


#head.small{box-shadow:0 2px 8px rgba(0,0,0,.08);}
/*
#head.small #logo{height:58px;}
#head.small #logo>a>img{height:83px;}
#head.small #search{margin-top:25px;}
#head.small #menu{height:64px;}
#head.small #menu>li>a{line-height:54px;height:64px;}
#head.small #menu>li>div{top:64px;}
#head.small #search-wrap{top:25px;}
*/

.pagebg{width:100%;height:100%;position:fixed;left:0;top:0;z-index:98;background:rgba(0,0,0,.46);display:none;}

#banner{height:620px;background:#fff;overflow:hidden;margin-top:80px;width:100%;}
#banner div{background-repeat:no-repeat;background-position:top center;width:100%;height:100%;}
.b-pager{width:1200px;margin:auto;height:30px;position:relative;z-index:9;}
.b-pager>div{position:absolute;top:-60px;}
.b-pager a{width:40px;height:6px;display:inline-block;background:#fff;margin:0 6px;font-size:0;transition:all ease 0.35s;}
.b-pager a:hover{background:rgba(255,255,255,.7);}
.b-pager a.activeSlide,.b-pager a.activeSlide{background:#006b6e;}

#m1{margin-top:35px;}
#m1 .title .en>img{height:40px;width:auto;}
.m1-c{width:840px;float:left;height:250px;}
.m1-r{width:330px;height:250px;float:right;background:#eee;}

.m1-c>p{font-size:16px;line-height:200%;margin-bottom:16px;}
.m1-c .more{display:block;width:120px;height:33px;line-height:33px;text-align:center;font-size:13px;border:1px solid #006b6e;border-radius:3px;margin-top:18px;transition:all .1s;color:#006b6e}
.m1-c .more:hover{color:#777177;border:1px solid #999;}

.wrap>.title{width:225px;float:left;}
.wrap>.title>.en{font-size:26px;color:#333;}
.wrap>.title>.cn{font-size:20px;color:#333;font-family:'Microsoft YaHei Light';position:relative;margin:80px 0 0 0;}
.wrap>.title>.cn:before{content:'';display:block;position:absolute;left:0;top:-41px;height:2px;background:#006b6e;width:38px;}

#m2{margin-top:62px;background:url('../images/m3.jpg') no-repeat center center;}
#m2>.wrap{padding:60px 0;}

.m2-r{width:975px;float:right;}
.m2-r div{width:100%;height:400px;}
.m2-r .img{width:486px;height:100%;float:left;}
.m2-r .img>a{display:block;width:100%;height:100%;}
.m2-r .img>a>img{width:100%;height:100%;}
.m2-r .con{width:489px;height:100%;background:#fff;float:right;}
.m2-r .con span{display:block;}
.m2-r .con .tit{display:block;font-size:20px;color:#333;font-weight:bold;padding:70px 0 0 50px;}
.m2-r .con .tit:hover{color:#006b6e;}
.m2-r .con span.txt{line-height:200%;padding:20px 50px 0 50px;color:#888;}
.m2-r .con .more{display:block;border:1px solid #999;width:100px;height:32px;border-radius:3px;text-align:center;line-height:32px;background:#fff;margin:25px 0 0 50px;transition:all .2s;}
.m2-r .con .more:hover{color:#006b6e;border:1px solid #006b6e;}

.m2-pager,.m3-pager{text-align:center;padding:16px 0 0 225px;}
.m2-pager a,.m3-pager a{width:12px;	height:12px;display:inline-block;background:#acacac;	border-radius:100%;	margin:0 5px;font-size:0;transition:all ease 0.35s;}
.m2-pager a:hover,.m3-pager a:hover{background:#ccc;}
.m2-pager a.activeSlide,.m3-pager a.activeSlide{background:#006b6e;}

#m4{height:480px;background:#f4f4f4;}
#m4 .wrap{padding-top:80px;}
#m4 .wrap>.title>p{color:#fff;}
#m4 .wrap>.title>.cn:before{background:#fff;}

.m4-r{width:975px;float:right;}
.m4-r ul{width:1020px;}
.m4-r ul li{width:295px;height:120px;float:left;margin-right:45px;margin-bottom:45px;}
.m4-r ul li>a{display:block;width:100%;height:100%;border-bottom:1px solid rgba(255,255,255,.3);transition:all .35s;box-sizing:border-box;}
.m4-r ul li>a>.left{width:60px;height:80px;float:left;}
.m4-r ul li>a>.left>img{width:60px;height:auto;}
.m4-r ul li>a>.right{width:220px;height:100px;float:right;}
.m4-r ul li>a>.right>.tit{color:#fff;font-size:20px;font-weight:bold;transition:all .2s;}
.m4-r ul li>a>.right>.txt{color:rgba(255,255,255,.7);padding:10px 0 0 0;line-height:180%;transition:all .2s;}
.m4-r ul li>a:hover{border-bottom:1px solid #fff;padding-top:8px;}
.m4-r ul li>a:hover .tit{color:#e60000;}
.m4-r ul li>a:hover .txt{color:#fff;}

#main4{height:520px;}
#main4_M{width:1180px;margin:auto;padding-top:80px;}
#main4_L{width:294px;height:350px;background:#006b6e;float:left;position:relative;}

#app{width:886px;height:350px;float:left;}
#app {width:886px;height:350px;overflow:hidden;}
#app li{float:left;width:194px;height:350px;padding-left:1px; border:1px solid red}
#appL{width:21px;height:17px;background:url(../images/appL.png) no-repeat center top;position:absolute;right:68px;bottom:36px;transition:all 0.25s ease;}
#appR{width:21px;height:17px;background:url(../images/appR.png) no-repeat center top;position:absolute;right:46px;bottom:36px;transition:all 0.25s ease;}
#appL:hover,#appL:active,#appR:hover,#appR:active{background-position:center bottom;}

#main4_L p.tit{color:#FFF;font-size:30px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;text-align:center;position:absolute;top:52px;width:100%;}
#main4_L p.tit2{color:#FFF;font-size:18px;top:100px;left:40px;position:absolute;border-bottom:1px solid #ffffff;padding-bottom:20px;}
#main4_L p.con{color:#ffffff;line-height:200%;width:196px;position:absolute;top:154px;left:40px;}

#btm{height:300px;background:#f5f5f5;}
#btm .wrap{padding:50px 0 0 0;}
#btm .left{width:225px;float:left;font-size:13px;color:#888;}
#btm .left>img{border-radius:10px;box-shadow:5px 5px 30px rgba(0,0,0,.07);display:block;margin-bottom:18px;}
#btm .left p{padding-left:30px;}

#btm .right{width:950px;float:right;}
#btm .right dl{width:125px;margin-right:40px;float:left;}
#btm .right dl:last-child{margin-right:0;}
#btm .right dl dt{margin-bottom:20px;text-align: center;margin-top: 20px}
#btm .right dl dt a{font-size:16px;color:#464646;}
#btm .right dl dt a:hover{color:#006b6e;}
#btm .right dl dd{ text-align: center;}
#btm .right dl dd a{font-size:13px;display:block;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#foot{height:60px;line-height:60px; font-size: 14px;}
#foot .right a{color:#777177;}
#foot .left{width:80%;float:left;}
#foot .right{width:20%;float:right;text-align:right;}

.m-tit{font-size:36px;color:#006b6e;font-family:Arial;text-align:center;}
.m-tit-cn{font-size:22px;color:#333;text-align:center;padding-bottom:20px;background:url(../images/tit_line.png) no-repeat center center;padding-top:5px;}

.products{width:1200px;margin:0px auto;padding:35px 0;}
.products a{position:relative;float:left;width:280px;margin-right:26px;transition:all .35s;}
.products a:last-of-type{margin-right:0!important;}
.products a:after{position:absolute;z-index:9;right:1px;bottom:1px;width:46px;height:28px;background:url("../images/products-more.png") no-repeat;background-position:-46px 0;content:'';}
.products a .img{display:block;width:280px;height:230px;}
.products a .img img{width:100%;}
.products a .name{font-size:16px;padding-top:20px;height:80px;text-align:center;border:1px solid #dedede;}
.products a:hover:after{background-position:0 0;}
.products a:hover{transform:translateY(-10px);box-shadow:0px 3px 10px rgba(0,0,0,.1);}

#b-sub>.bg{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=50);opacity:.5;z-index:2;display:none;}
#b-sub{width:100%;height:350px;position:relative;z-index:1;overflow:hidden;margin:116px 0 0 0;animation:b-bg 1.6s both;background-position:center center;background-repeat:no-repeat;}

.box{ font-size: 16px;}
.box p{font-size:16px;line-height:32px;margin-bottom:5px;}
.box .fr{float:right;width:680px;}
.sideright{min-height:400px;margin:40px auto;width:1200px; padding-bottom:70px;}

#part{height:70px;border-bottom:1px solid #e6e6e6;}
#part-menu{height:70px;line-height:70px;font-size:16px;}
#part-menu>a{display:inline-block;height:100%;padding:0 20px;position:relative;}
#part-menu>a:after{height:3px;background:#006b6e;position:absolute;left:0;bottom:-3px;width:100%;display:block;content:'';transition:all .16s;filter:alpha(opacity=0);opacity:0;}
#part-menu>a.A{color:#006b6e;}
#part-menu>a.A:after{bottom:-1px;filter:alpha(opacity=100);opacity:1;}

#container{width:100%;height:auto;margin:0px auto;background-color:#fff;}
.pro{width:1200px;margin:30px auto;text-align:left;overflow:hidden;}
.pro a{position:relative;display:inline-block;float:left;margin-right:42px;margin-bottom:30px;}
.pro a:nth-child(3n){margin-right:0px !important;}
.pro a .img{border:1px solid #eee;margin:0px auto;transition:all .35s;}
.pro a .img img{width:350px;height:350px;}
.pro a .name{text-align:center;padding:18px 0px;font-size:16px;transition:all .35s; background:#cdd1d4; color:#151515}
.pro a .view{position:absolute;left:50%;bottom:57px;top:0;margin-left:-50%;font-size:12px;text-align:center;color:rgba(255,255,255,1);background:rgba(31,31,31,0.8);width:100%;height:0px;overflow:hidden;transition:all .35s;}
.pro a .view img{display:inline-block;width:64px;height:auto;margin:-80px auto 0px auto;transition:all .55s;}
.pro a .view h3{margin-top:50px;font-size:12px;font-weight:normal;color:rgba(255,255,255,1);transition:all .35s;}
.pro a:hover .img{border:1px solid rgba(0,0,0,0);}
.pro a:hover .name{background:#006b6e;color:#fff;}
.pro a:hover .view{height:350px;}
.pro a:hover .view img{margin-top:120px;}
.pro a:hover .view h3{margin-top:0px;}

/*产品详细页*/
#path{ width:100%;margin:0px auto;background:#fff; text-align:left; color:#666;font-size:14px;}
#path>.wrap{ width:90%; max-width:1460px; margin:0 auto; padding-top:30px;}
#path a{ display:inline-block;  color:#666;}
#path a>img{ height:18px; width:auto; margin-right:5px;}
#path a:hover, #path .A{ color:#d82128;}
.fl-left{ float:left; text-align:left;}
.fl-right{ float:right; text-align:right;}
#product-view{ width:100%; margin:0px auto; background:#fff;}
#product-view>.wrap{ width:90%; max-width:1460px; margin:0 auto; padding:50px 0 100px 0;}
#product-view .name{ font-size:32px; color:#000000; padding:20px 0; text-align:left;}
#product-view .name>img{ margin-right:10px;}
#product-view .container{position:relative; height:600px; border:1px solid #ddd; overflow:hidden;}
#product-view .container .tagcon{ display:none; width:80%; height:600px; overflow:hidden; text-align:center;}
#product-view .container .tagcon img{width:auto; max-height:100%; margin:0px auto;}
#product-view .container .tagtit{ width:10%; padding:10% 5%; text-align:center;}
#product-view .container .tagtit a{ display:block; width:90%; border-radius:30px; border:1px solid #ddd; padding:10px 0; font-size:14px; margin:7px auto; transition:all .35s;}
#product-view .container .tagtit .A{ background:#d82128; color:#fff; border:1px solid #d82128;}
#product-view .gotop{ padding:50px 0; text-align:left;}
#product-view .gotop a{ display:inline-block; background:#d82128;border-radius:3px; padding:8px 30px; font-size:14px; color:#fff;}



.page{margin:0px auto;text-align:center;padding:20px;width:650px; clear:both;}
.page a{ margin-left:5px; margin-right:5px;}
.page span{ margin-left:5px; margin-right:5px;}
.page a:hover{ color:#666666}
.page .page-cur{border-bottom:#666666 1px solid;color:#666666;}


#news li{clear:both; margin-bottom:40px; height:160px;}
#news li a{display:block; width:100%; height:100%;}
#news li a p.img{width:220px; height:160px; float:left; overflow:hidden; position:relative; border-radius:0 0 0 10px;}
#news li a p.img .img{width:100%; height:100%; position:relative; z-index:1; border-radius:0 0 0 10px;}
#news li a p.img .bg{position:absolute; right:-220px; top:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.4); z-index:2; border-radius:0 0 0 10px; transition:all ease 0.35s;}
#news li a p.img .zoom{position:absolute; left:50%; top:50%; width:40px; height:40px; margin-left:-20px; margin-top:-20px; z-index:3; transition:all 0.5s;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#news li a .date{width:100px; height:160px; float:left; background:#EEE; margin-left:1px; transition:all 0.35s;}
#news li a .date .day{display:block; padding:32px 0 0 0; text-align:center; color:#333; font-size:43px; transition:all 0.5s; font-family:'Eshion_elegant_En';}
#news li a .date .ym{display:block; text-align:center; padding:28px 0 0 0; color:#999; font-size:13px; transition:all 0.5s; font-family:'Eshion_elegant_En';}
#news li a .con{width:1070px; height:159px; float:right; border-bottom:1px solid #E6E6E6; position:relative;}
#news li a .tit{display:block; font-size:16px; color:#333; padding:10px 0 20px 0; transition:all 0.35s;}
#news li a .txt{display:block; font-size:13px; line-height:180%; color:#999;}
#news li a .click{font-size:12px; display:block; padding-top:20px; color:#BBB;}
#news li a .click img{margin:-2px 0 0 8px;}
#news li a:hover .date,#news li a:active .date{background:#2f8ace;}
#news li a:hover .date .day,#news li a:active .date .day{color:#FFF;}
#news li a:hover .date .ym,#news li a:active .date .ym{color:#FFF;}
#news li a:hover .tit,#news li a:active .tit{color:#006b6e;}
#news li a:hover p.img .bg,#news li a:active p.img .bg{right:0;}
#news li a:hover p.img .zoom,#news li a:active p.img .zoom{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}
#newsback{display:inline-block; background:#FFF; padding:10px 20px; font-size:13px; float:right; margin:2px; border-radius:5px; transition:all ease 0.35s;}
#newsback:hover,#newsback:active{color:#D82633; box-shadow:5px 5px 10px rgba(0,0,0,0.08);}
#pager{padding-bottom:20px; text-align:center; font-size:13px !important;}
.pagebtn{padding:7px 25px !important;}
.trunpage{padding:7px 15px !important;}

.newsContent{margin:30 0px 10px 0px;}
.newsContent .newsTitle{text-align:center;font-size:26px;line-height:30px;height:30px;color:#333333;margin:40px 0 10px 0;}
.newsContent .newsNav{text-align:center;line-height:30px;height:30px;color:#666666;padding:5px;padding:15px 0;font-weight:normal;border-bottom:dotted 1px #e8e8e8;}
.newsContent .newsNav span{padding:0 20px;}
.newsContent .newsCont{line-height:30px; font-size:16px; color:#333333;margin:0px auto;width:1200px;padding:20px 0 30px 0;}
.newsMore{padding:10px;border:solid 1px #c9c9c9;height:50px;margin:10px 30px;}
.newsMore div{float:right;margin-top:15px;}
.newsMore a{color:#666666;text-decoration:none;}
.newsMore a:hover{color:#fa0000;text-decoration:none;}
.newsNext{float:left;line-height:25px;padding:0px;margin:0px;}
.newsNext a{text-decoration:none;color:#666666;}
.newsNext a:hover{color:#fa0000;text-decoration:underline;}

.liuyan{padding:0px 0 25px 25px;}
.red{color:#006b6e;}
.width95{width:95%}
.text-area{border:1px solid #E2E2E2; padding:4px;width:100%;}
.liuyan .ipt{width:90%;border:1px solid #E2E2E2; padding:4px;}
.liuyan .ipt:focus{background:#f8f8f8;}
.submit-btu{display:block; width:100%; padding:10px 0px 12px 0px; text-align:center; background:#044994; color:#FFF !important; text-decoration:none; font-size:14px;border:0;}
.submit-btu:hover{ background:#236b94; color:#D82633;}
.font14{font-size:14px;}
.table2{margin-top:-1px;}
.liuyan td{font-size:12px;}
.liuyan .width95,.liuyan .width96{padding:8px; border:0px none; background:#EEE; transition:all ease 0.4s; border:1px solid #EEE;}
.liuyan .width95:focus,.liuyan .width96:focus{background:#FFF; box-shadow:5px 5px 8px rgba(0,0,0,0.06); border:1px solid #E6E6E6;}
.liuyan .submit{border:1px solid #E6E6E6; background:#eee; padding:12px 50px; font-weight:bold; font-size:14px; border-radius:3px; transition:all ease 0.5s; font-weight:normal}
.liuyan .submit:hover,.liuyan .submit:active{box-shadow:5px 5px 8px rgba(0,0,0,0.06); color:#044994;}
.liuyan .width96{width:95%;}

.job_tit{background:#044994; color:#FFF; font-weight:bold; font-size:14px; height:40px; line-height:40px; margin-top:20px;}
.job1{display:inline-block; padding-left:20px; float:left; width:230px;}
.job2{float:left; width:110px; text-align:center;}
.job3{float:left; width:160px; text-align:center;}
.job4{float:left; width:225px; text-align:center;}
.job_list{display:block; height:40px; line-height:40px; border-bottom:1px dotted #CCC; transition:all ease 0.4s;}
.job_list:hover,.jog_list:active{background:#EEE;}

.job-text{padding:5px 0 35px;}
.job-text p{line-height:30px;}

.vol{padding-bottom:35px;}
.vol table{width:100%;border-collapse:collapse;border:1px solid #EEE;}
.vol table *{box-sizing:border-box}
.vol table .ipt{width:100%;border: 1px solid #E2E2E2;padding:4px;}
.vol table td{border:solid 1px #eee;padding:8px;}
.vol table td.tit{background:#eee;font-weight:bold;}
.vol table .w1{width:100px;}
.vol table .w2{width:140px;}
.vol p{margin-top:20px;}
.vol em{color:red;padding-left:3px;}

.downlist{padding-top:10px;}
.downlist li{display:block; height:120px; clear:both; margin-bottom:30px;}
.downlist li a{display:block; width:100%; height:100%;}
.downlist li a .time{width:100px; height:110px; float:left; background:#EEE; transition:all 0.3s ease;}
.downlist li a .time .day{font-size:46px; display:block; text-align:center; padding-top:12px; font-family:"Trebuchet MS", Arial; transition:all 0.3s ease;}
.downlist li a .time .date{color:#999; display:block; text-align:center; transition:all 0.3s ease; padding-top:3px;}
.downlist li a .con{padding-left:120px;}
.downlist li a .con .tit{font-size:16px; display:block; transition:all 0.3s ease; color:#044994;}
.downlist li a .con .count{color:#BBB; display:block; padding-top:18px; font-size:13px; font-style:italic;}
.downlist li a .con .cons{color:#999; display:block; line-height:200%; padding-top:6px;}
.downlist li a:hover .time{background:#044994;}
.downlist li a:hover .day,.downlist li a:hover .date{color:#FFF;}
.downlist li a:hover .tit{color:#006b6e;}

.cer_list{padding:15px 0 30px 15px;height:100%;overflow:hidden;}
.cer_list li{width:222px;height:220px;float:left;margin:0 20px 20px 0;overflow:hidden;position:relative;}
.cer_list li.clear{float:none;width:100%;clear:both;height:50px;font-size:0;padding:0;margin:0;}
.cer_list li a{display:block;border:1px solid #E6E6E6;width:220px;height:218px;}
.cer_list li a .img{width:200px;height:150px;margin:10px;overflow:hidden;}
.cer_list li a .img img{max-width:100%;height:150px;}
.cer_list li a .tit{width:200px;height:42px;line-height:42px;position:absolute;left:10px;bottom:10px;text-align:center;background:#EEE;z-index:2;}
.cer_list li a .tit .txt{display:block;font-size:13px;width:100%;line-height:40px;padding-bottom:2px;display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;position:absolute;left:0;top:0;z-index:2;transition:all ease 0.35s;overflow:hidden;}
.cer_list li a .tit .block{position:absolute;left:50%;top:50%;z-index:1;background:#044994;width:0;height:0;transition:all ease 0.35s;}
.cer_list li a:hover .block,.cer_list li a:active .block{width:100%;height:100%;left:0;top:0;}
.cer_list li a:hover .txt,.cer_list li a:active .txt{color:#FFF;}
.cer_list li a .zoom{position:absolute;width:240px;height:0;background:rgba(0,0,0,0.4);left:1px;bottom:1px;text-align:center;line-height:320px;transition:all ease 0.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.cer_list li a:hover .zoom,.cer_list li a:active .zoom{bottom:1px;height:288px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


#fList{width:150px; background:#FFF; box-shadow:2px 2px 10px rgba(0,0,0,0.16); position:fixed; z-index:999; right:20px; top:260px; overflow:hidden; font-size:12px;}
.fL_close{display:block; width:100%; height:15px; background:#006b6e; font-size:0; position:relative; transition:all ease-out 0.2s;}
.fL_close img{position:absolute; right:5px; top:3px;}
.fL_close:hover{background:#777;}
.fL_qq{padding:5px 0 13px 0; text-align:center; border-bottom:1px dashed #CCC;}
.fL_qq a{display:block; margin-top:8px; font-size:13px;}
.fL_qq a img{height:20px; margin:-2px 0 0 0;}
.fL_tel{padding:10px 0; text-align:center; font-weight:bold; font-size:13px;}
.fL_tel img{height:20px; margin:-2px 6px 0 0;}
.fl_qr{text-align:center; padding:2px 0;}
.fl_qr img{width:128px;}

.honorlist { overflow: hidden; margin-bottom:50px;}
.honorlist li{ width: 260px; float: left; margin-right: 53px; margin-top: 50px;}
.honorlist li:nth-child(4n+0){ margin-right: 0px;}
.honorlist li img{ width: 260px; height: 350px;}
.honorlist li p{ height: 50px; line-height: 50px; font-size: 14px; text-align: center;}
.honorlist li:hover p{ color: #006b6e;}

.caselist { overflow: hidden; margin-bottom: 80px;}
.caselist li{ width: 366px; float: left; margin-right: 50px; margin-top: 50px;}
.caselist li:nth-child(3n+0){ margin-right: 0px;}
.caselist li img{ width: 366px; height: 280px;}
.caselist li p{ height: 50px; line-height: 50px; font-size: 14px; text-align: center; background: #f4f4f4;}
.caselist li:hover p{ background: #006b6e; color: #fff;}

.prolist { overflow: hidden; margin-bottom: 80px;}
.prolist li{ width: 366px; float: left; margin-right: 50px; margin-top: 50px;}
.prolist li:nth-child(3n+0){ margin-right: 0px;}
.prolist li img{ width: 366px; height: 314px;}
.prolist li p{ height: 50px; line-height: 50px; font-size: 16px; text-align: center; background: #f4f4f4;}
.prolist li:hover p{ background: #006b6e; color: #fff;}

.indexcase {width: 886px; height: 350px; float: left;}
.indexcase li{ width: 289px; height: 350px; float: left; margin-left: 5px;}
.indexcase li div{ width: 289px; height: 300px; overflow: hidden;}
.indexcase li img{ width: 289px; height: 300px; transition: all 0.8s;}
.indexcase li p{ height: 50px; line-height: 50px; background: #EEE; text-align: center; font-size: 16px; transition: all 0.8s;}
.indexcase li:hover p{ background: #006b6e; color: #fff; transition: all 0.8s;}
.indexcase li:hover img{ transform: scale(1.1); transition: all 0.8s;}

.left_news{ width: 600px; overflow: hidden; float: left;}
.news_title{ font-size: 22px; color: #333; margin-bottom: 20px;}
.news_title a{ float: right; font-size: 14px; color: #666;}
.left_news li{ line-height: 50px; font-size: 16px;}
.left_news li span{ float: right;}
.right_honor{float: left; margin-left: 80px; width: 520px;}
.right_honor li{ text-align: center;}
.right_honor li img{ height: 270px;}
.hiSlider{ margin-top: 15px;}